/**
 * MTA �板��ㄦā�� * @author	bingzitang(���)
 */



/** 渚ф�瀵艰�妯″� */
.mod_sidemenu {
	margin-right: 1px;
	margin-top: 15px;
}
.mod_sidemenu .icon, .mod_sidemenu [class^="icon_"],
.mod_sidemenu [class*=" icon_"] {
	width: 16px;
	height: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	margin-right: 5px;
	background: url(../../images/new_sprite.png) no-repeat;
}
.mod_sidemenu .icon_overview {
	background-position: 0 0;
}
.mod_sidemenu .icon_app {
	background-position:  0 -20px;
}
.mod_sidemenu .icon_channel {
	background-position: 0 -40px;
}
.mod_sidemenu .icon_run {
	background-position: 0 -60px;
}
.mod_sidemenu .icon_user {
	background-position: 0 -80px;
}
.mod_sidemenu .icon_setting {
	background-position: 0 -100px;
}
.mod_sidemenu .icon_develop {
	background-position: 0 -120px;
}
.mod_sidemenu .icon_admin {
	background-position: 0 -140px;
}
.mod_sidemenu .title {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	text-indent: 24px;
	color: #000;
}
.mod_sidemenu .title a {
	text-indent: 18px;
	color: #000;
	border-left: 6px solid #FFF;
}
.mod_sidemenu .title i {
	margin-right: 7px;
}
.mod_sidemenu .title .icon_menu {
	visibility: hidden;
	margin-left: 5px;
	background-position: -60px -60px;
	cursor: pointer;
}
.mod_sidemenu .icon_new {
	width: 21px;
	height: 16px;
	text-indent: -999em;
	font-size: 0;
	margin-left: 5px;
	background-position: -100px -40px;
}
.mod_sidemenu.hide .title .icon_menu {
	background-position: -60px -40px;
}
.mod_sidemenu .title:hover .icon_menu,
.mod_sidemenu.hide .icon_menu {
	visibility: visible;
}
.mod_sidemenu .title,
.mod_sidemenu .content a {
	position: relative;
	z-index: 1;
	height: 26px;
	line-height: 26px;
	color: #000;
	cursor: pointer;
}
.mod_sidemenu .content a {
	display: block;
	border-left: 6px solid #FFF;
}
.mod_sidemenu .title:hover a,
.mod_sidemenu li:hover a {
	color: #000;
	border-left-color: #6E778A;
	text-decoration: none;
	background: #f0f2f3;
}
.mod_sidemenu.hide .content {
	display: none;
}
.mod_sidemenu .current,
.mod_sidemenu .current:hover {
	background: #F2F4F5;
	border-top:1px solid #E4E6E9;
	border-bottom:1px solid #E4E6E9;
}

.mod_sidemenu a {
	display: block;
	padding-left: 41px;
}
.mod_sidemenu .title a {
	padding-left: 0;
}
.mod_sidemenu .current a,
.mod_sidemenu .current:hover a {
	border-left: 6px solid #3794E3;
	background: #EDEEF0;
}
@media screen and (max-width: 1024px) {
	.mod_sidemenu  {
		margin-top: 10px;
	}
	.mod_sidemenu .title, .mod_sidemenu .content a {
		height: 26px;
		line-height: 26px;
	}
}


/** 渚ф��朵�妯″� */
.mod_sidemenu_other {
	margin-top: 30px;
	overflow: hidden;
	border-top: 1px solid #d5d5d5;
	
}
.mod_sidemenu_other a {
	display: block;
	padding-left: 50px;
	height: 80px;
	line-height: 80px;
	color: #000;
	border-bottom: 1px solid #d5d5d5;
}
.mod_sidemenu_other a:hover {
	color: #3382c8;
}
.mod_sidemenu_other i {
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 25px;
	margin-right: 10px;
}
.mod_sidemenu_other .sdk_down i {
	background: url(../../images/sdk_down.png) no-repeat 0 0;
}
.mod_sidemenu_other .sdk_register i {
	background: url(../../images/app_register.png) no-repeat 0 0;
}

/** 椤靛ご���妯″� */
.mod_header {
	padding: 15px 0;
	position: relative;
	z-index: 19;
	background: #f7f7f7;
	border-bottom: 1px solid #BABABB;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .04);
	*zoom: 1;
}
.mod_header_sticky {/*�哄��舵�*/
	position: fixed;
	top: 0;
	padding-top: 0;
}
.mod_header_sticky .title,
.mod_header_sticky .content > .group,
.mod_header_sticky .help {
	display: none;
}
.mod_header .title {
	height: 24px;
	padding: 0 20px;
}
.mod_header .title a.back {
	float: left;
	width: 32px;
	height: 32px;
	position: relative;
	right: 2px;
	bottom: 2px;
	background: url(../../images/sprite.png) -140px -56px no-repeat;
	text-indent: -9999em;
}
.mod_header .title h2,
.mod_header .title h3 {
	line-height: 24px;
	display: inline-block;
	*zoom:1;
	*display: inline;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	font-family: hiragino sans gb, microsoft yahei, arial, sans-sarif;
}
.mod_header .title h3 {
	margin-left: 5px;
	color: #888;
}
.mod_header .title .ui_menu .button {
	padding: 0 10px;
	*padding: 0 5px;
	*margin-left: 0;
	line-height: 22px;
	display: inline-block;
	*zoom:1;
	*display: inline;
	color: #000;
	font-size: 14px;
	border:1px solid #f7f7f7;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.mod_header .title .ui_menu:hover .button {
	border:1px solid #d8d8d8;
	color: #333333;
	text-decoration: none;
	background-color: #fefefe;
	background-image: -ms-linear-gradient(top, #f6f7f9, #d6d7da);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f7f9), to(#d6d7da));
	background-image: -moz-linear-gradient(top, #f6f7f9, #d6d7da);
	background-image: -o-linear-gradient(top, #f6f7f9, #d6d7da);
	background-image: linear-gradient(top, #f6f7f9, #d6d7da);
}
.mod_header .title .ui_menu .ui_menu_list {
	margin-top: -1px;
	border-top-left-radius: 0;
}
.mod_header .title .ui_menu:hover .ui_menu_list {
	display: block;
}
.mod_header .content {
	clear: both;
	*zoom: 1;
}
.mod_header .group {
	padding: 10px 20px 0 20px;
	*zoom: 1;
}
.mod_header .lable {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	min-width: 4em;
    text-align:justify;
    font-size: 12px;
}
.mod_header .group_switch {
	position: relative;
	*z-index: 19;
	*zoom: 1;
}
.mod_header .group_switch:after {
	content: '.';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.mod_header .group_switch .group {
	float: left;
	white-space: nowrap;
}
.mod_header .group_hide,
.mod_header .switch .group_show {
	display: none;
}
.mod_header .switch .group_hide {
	float: none;
	display: block;
}
.mod_header .group .tags li {
	padding: 8px 0;
	border-bottom: 1px dashed #d8d8d8;
}
.mod_header .group .tags li.last {
	padding-bottom: 0;
	border-bottom: 0 none;
}
.mod_header .group_switch .tags li .lable {
	font-weight: bold;
}
.mod_header .group_switch .tags li a {
	margin-right: 15px;
}
.mod_header .group .tags .current,
.mod_header .group .tags .current:hover {
	color: #FFF;
	background: #3389D4;
	cursor: default;
	text-decoration: none;
}
.mod_header .group .multiple_tips {
	width: 94%;
	height: 26px;
	color: #888;
}
.mod_header .group .multiple {
	*zoom:1;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.mod_header .group .multiple:after {
	content: '.';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.mod_header .group .multiple > li {
	position: relative;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 45%;
	margin-right: 4%;
	border-bottom: 1px solid #d8d8d8;
	border-radius: 2px;
}
.mod_header .group .multiple .multiple_title:hover,
.mod_header .group .multiple .show .multiple_title {
	background-image: -ms-linear-gradient(top, #f6f7f9, #d6d7da);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f7f9), to(#d6d7da));
	background-image: -moz-linear-gradient(top, #f6f7f9, #d6d7da);
	background-image: -o-linear-gradient(top, #f6f7f9, #d6d7da);
	background-image: linear-gradient(top, #f6f7f9, #d6d7da);
	cursor: pointer;
}
.mod_header .group .multiple .disabled .multiple_title,
.mod_header .group .multiple .disabled .multiple_title:hover {
	cursor: default;
	background-image: none;
	color: #888;
}
.mod_header .group .multiple > li.show {
	z-index: 21;
}
.mod_header .group .multiple > li.disabled {
	z-index: 1;
}
.mod_header .group .multiple .multiple_title i {
	float: right;
	*margin-top: 8px;
}
.mod_header .group .multiple .multiple_title span {
	display: block;
	margin-right: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mod_header .group .multiple > li .ui_datalist {
	display: none;
	width: 100%;
}
.mod_header .group .multiple > li.show .ui_datalist {
	display: block;
}
.mod_header .group .multiple li.disabled .ui_datalist {
	display: none;
}
.mod_header .group_switch .toggle {
	position: absolute;
	right: 0;
	bottom: -15px;
	z-index: 1;
	width: 31px;
	height: 66px;
	text-indent: -999em;
	background: url(../../images/new_sprite.png) no-repeat -140px -80px;
}
.mod_header .group_switch .toggle:hover {
	background-position: -140px -160px;
}
.mod_header .group_switch.switch .toggle {
	background-position: -140px -240px;
}
.mod_header .group_switch.switch .toggle:hover {
	background-position: -140px -320px;
}
.mod_header .tabs {
	clear: both;
	position: relative;
	z-index: 1;
	top: 15px;
	border-top: 1px solid #d8d8d8;
	padding: 0 20px;
	box-shadow: inset 0 1px 0 #FFF;
	*zoom: 1;
}
.mod_header .tabs:after {
	content: '.';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.mod_header .tabs a {
	float: left;
	padding: 0 30px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #000;
	border-right: 1px solid #e2e2e2;
}
.mod_header .tabs a:hover {
	text-decoration: none;
	background: #EBEBEB;
	background-image: -ms-linear-gradient(top, #ffffff, #EBEBEB);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#EBEBEB));
	background-image: -moz-linear-gradient(top, #ffffff, #EBEBEB);
	background-image: -o-linear-gradient(top, #ffffff, #EBEBEB);
	background-image: linear-gradient(top, #ffffff, #EBEBEB);
}
.mod_header .tabs a.current,
.mod_header .tabs a.current:hover {
	background: #3389D4;
	color: #FFF;
	cursor: default;
	box-shadow: inset 0 0 5px rgba(9, 52, 89, .7);
}
.mod_header .tabs a.last {
	border-right: none 0;
}
.mod_header .help {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}
.mod_header .help .toggle {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	width: 30px;
	height: 30px;
	text-indent: -999em;
	background: url(../../images/new_sprite.png) no-repeat -140px -40px;
	cursor: pointer;
}
.mod_header .help .help_content {
	display: none;
	position: relative;
	z-index: 5;
	width: 220px;
	font-size: 12px;
	color: #333;
	line-height: 1.6;
	background: #fff;
	border-left: 1px solid #BABABB;
	border-bottom: 1px solid #BABABB;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	white-space: normal;
}
.mod_header .help:hover .help_content {
	display: block;
}
.mod_header .help .help_content dl {
	padding:8px 10px 5px 15px;
}
.mod_header .help .help_content dt {
	line-height: 22px;
	font-weight: bold;
}
.mod_header .help .help_content dd {
	margin-bottom:5px;
}
.mod_header .help .help_footer{
	border-top:1px solid #ccc;
	margin:5px 15px 10px;
	color:#999;
	padding-top:5px;
}

@media screen and (max-width: 1024px) {
	.mod_header .title {
		padding: 0 10px;
	}
	.mod_header .group {
		padding: 10px 10px 0 10px;
	}
	.mod_header .tabs {
		padding: 0 10px;
	}
	.mod_header .tabs a {
		padding: 0 15px;
		height: 32px;
		line-height: 32px;
	}
}


/** �烘����妯″� */
.mod_basic {
	margin: 20px 20px 0 20px;
	background: #FFF;
	border:1px solid #BABABB;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
	*zoom:1;
}
.mod_basic > .title {
	position: relative;
	min-height: 40px;
	line-height: 0;
	*zoom:1;
	font-size: 12px;
	background: #f9f9f9;
	border-bottom: 1px solid #d8d8d8;
	background-image: -ms-linear-gradient(top, #ffffff, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
	background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
	background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
	background-image: linear-gradient(top, #ffffff, #f9f9f9);
}
.mod_basic > .title:after {
	content: '.';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.mod_basic .title a.back {
	float: left;
	width: 32px;
	height: 40px;
	margin-right: 8px;
	position: relative;
	left: 10px;
	top: 0;
	background: url(../../images/sprite.png) -140px -52px no-repeat;
	border-right: 1px solid #BABABB;
	text-indent: -9999em;
	overflow: hidden;
}
.mod_basic > .title h3 {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	line-height: 40px;
	padding-left:20px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	font-family: hiragino sans gb, microsoft yahei, arial, sans-sarif;
}
.mod_basic > .title .help {
	position: relative;
	z-index: 3;
	width: 16px;
	height: 16px;
	margin-left: 3px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	text-align: center;
	line-height: 16px;
	color: #333;
	border:1px solid #d8d8d8;
	border-radius: 16px;
	vertical-align: middle;
}
.mod_basic > .title .help a,
.mod_basic > .title .help a:hover {
	color: #333;
	text-decoration: none;
}
.mod_basic > .title .help_content {
	display: none;
	position: absolute;
	left: 20px;
	top: 0;
	height: 16px;
	line-height: 16px;
	padding: 0 3px;
	white-space: nowrap;
	border: 1px solid #c8c7b6;
	background: #fffdca;
	color: #C09853;
	border-radius: 3px;
	box-shadow: 0 3px 2px rgba(0, 0, 0, .1);
}
.mod_basic > .title .help:hover .help_content {
	display: block;
}
.mod_basic > .title .help:hover {
	text-decoration: none;
	border:1px solid #BABABB;
}
.mod_basic > .title .text,
.mod_basic > .title .split {
	margin-left: 3px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	line-height: 16px;
	color: #a8a8a8;
}
.mod_basic > .title .split {
	color: #d8d8d8;
}
.mod_basic > .title .tabs {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	padding-left: 10px;
	vertical-align: middle;
}
.mod_basic > .title .tabs a {
	position: relative;
	float: left;
	padding: 0 20px;
	min-height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-right: 1px solid #e2e2e2;
	color: #000;
}
.mod_basic > .title .tabs a b {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -2px;
	*bottom: -1px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #f7f7f7 transparent;
}
.mod_basic > .title .tabs a.current b {
	display: block;
}
.mod_basic > .title .tabs a.last {
	border-right: 0 none;
}
.mod_basic > .title .tabs a:hover {
	text-decoration: none;
	background: #EBEBEB;
	background-image: -ms-linear-gradient(top, #ffffff, #EBEBEB);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#EBEBEB));
	background-image: -moz-linear-gradient(top, #ffffff, #EBEBEB);
	background-image: -o-linear-gradient(top, #ffffff, #EBEBEB);
	background-image: linear-gradient(top, #ffffff, #EBEBEB);
}
.mod_basic > .title .tabs a.current,
.mod_basic > .title .tabs a.current:hover {
	background: none repeat scroll 0% 0% rgb(87, 157, 14);
	color: #FFF;
	cursor: default;
	box-shadow: inset 0 0 5px rgba(9, 52, 89, .7);
}

.mod_basic > .title .sub_menu {
	padding: 10px 20px;
	min-height: 31px;
	line-height: 1em;
	border-top: 1px solid #d8d8d8;
	box-shadow: inset 0 1px 0 #FFF, 0 2px 1px rgba(0, 0, 0, .03);
	background: #f7f7f7;
}
.mod_basic > .title .sub_menu .label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.mod_basic > .title .sub_menu .ui_filter {
	padding: 0;
}
.mod_basic > .content {
	position: relative;
	border-top: 0 none;
	*zoom:1;
}
.mod_basic > .content .sub_title {
	clear: both;
	position: relative;
	z-index: 7;
	margin: 20px 20px 0 20px;
	padding-left: 3px;
	border-left: 4px solid #6B6B6B;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	font-weight: bold;
	*line-height: 16px;
	*zoom:1;
}
.mod_basic > .content .sub_title .more_menu {
	position: absolute;
	right: 0;
	top: -8px;
	font-size: 12px;
}
.mod_basic > .content .sub_title .more_menu button {
	font-size: 12px;
}
.mod_basic > .content .sub_title .more_menu i {
	font-size: 14px;
}
.mod_basic > .content .sub_title .more_menu a {
	line-height: 30px;
	font-weight: normal;
}
.mod_basic > .content .sub_title .button {
	font-size: 14px;
	color: #666;
}
.mod_basic > .content .sub_title .button.current {
	color: #3389D4;
}
.mod_basic > .content .sub_title .button_link {
	color: #3794E3;
}
.mod_basic > .content .sub_title .ui_menu {
	margin-left: 5px;
}
.mod_basic > .content .sub_title .ui_menu .button {
	height: auto;
	padding: 0;
	margin-right: 0;
	line-height: 14px;
}
.mod_basic > .content .sub_content {
	position: relative;
	clear: both;
	padding: 20px;
	/*overflow: auto;*/
	*zoom: 1;
}
.mod_basic > .content .sub_content_hide {
	overflow: hidden;
	height: 20px;
	padding: 0;
	visibility: hidden;
}
.mod_basic > .content .sub_content .ui_filter {
	border: 1px solid #e1e1e1;
	border-bottom: 0 none;
}
.mod_basic > .content .sub_bar {
	margin-bottom: 5px;
	*zoom: 1;
}
.mod_basic > .content .sub_bar:after {
	content: '.';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.mod_basic > .content .sub_bar .buttons {
	float: right;
}
.mod_basic > .content hr.split {
	clear: both;
	display: block;
	height: 1px;
	margin: 0 0 20px 0;
	border:0 none;
	border-bottom: 1px solid #d8d8d8;
}
@media screen and (max-width: 1024px) {
	.mod_basic {
		margin: 10px 10px 0 10px;
	}
	.mod_basic > .title h3,
	.mod_basic > .title .tabs a {
		min-height: 30px;
		line-height: 30px;
	}
	.mod_basic > .title {
		min-height: 30px;
	}
	.mod_basic > .title a.back {
		height: 30px;
		background-position: -140px -57px;
	}
	.mod_basic > .title h3 {
		padding-left: 10px;
	}
}


/** ��ず��� */
.mod_notice {
	margin: 20px 20px 0 20px;
	margin-top: 25px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
}
.mod_notice .title {
	display: none;
}
.mod_notice .content {
	position: relative;
	overflow: hidden;
	padding: 10px;
	color: #666;
	line-height: 1.6;
	background: #FFF;
	border: 1px solid #BABABB;
	border-radius: 5px;
}
.mod_notice .close,
.mod_notice .close_btn {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.mod_notice .close:hover,
.mod_notice .close_btn:hover {
	text-decoration: none;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.mod_notice .info_logo {
	float: left;
	width: 16px;
	height: 16px;
}
.mod_notice .info_content {
	padding: 0 25px;
	font-size: 12px;
}
.mod_notice .info_content strong {
	color: #D26900;
}
@media screen and (max-width: 1024px) {
	.mod_notice {
		margin: 10px 10px 0 10px;
	}
}

/** 瀵硅�妗��瀹癸����寮瑰����绀�*/
.mod_dialog_connect {
	width: 400px;
	padding-bottom: 30px;
}
.mod_dialog_connect .tips_icon {
	float: left;
	width: 48px;
	height: 48px;
	background: url(../../images/mod_dialog_connect.png) no-repeat 0 0;
}
.mod_dialog_connect h4 {
	padding-bottom: 10px;
	margin-left: 58px;
	font-weight: bold;
}
.mod_dialog_connect h5 {
	padding-bottom: 10px;
	margin-left: 58px;
	color: #888;
}


